import './public-path'
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import {BrowserRouter as Router,} from 'react-router-dom'

function render(props) {
  const { container } = props;
  console.log(window.__POWERED_BY_QIANKUN__, '_____________POWERED_BY_QIANKUN__')
  ReactDOM.render(
    <React.StrictMode>
      <Router basename={ window.__POWERED_BY_QIANKUN__ ? '/react' : '/'}>
        <App />
      </Router>
    </React.StrictMode>,
    container ? container.querySelector('#root'): document.querySelector('#root')
  );
}
if (!window.__POWERED_BY_QIANKUN__) { 
   render({});
}
export async function bootstrap() { 
  console.log('[react18] react app bootstraped');
}
export async function mount(props) { 
  console.log('[react16] props from main framework', props);
  render(props);
}
export async function unmount(props) { 
  const { container } = props;
  ReactDOM.unmountComponentAtNode(container ? container.querySelector('#root') : document.querySelector('#root'));
}
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
